---
layout: default
---
<div class="center hero">
  <div class="row">
    <!--[if lte IE 8]><img src="/img/logo.png" class="oldie-logo" alt=""><![endif]-->
      <!--[if gte IE 9]><!-->
        <svg class="icon-logo-hero" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="-3627 353 1024 1024" style="enable-background:new -3627 353 1024 1024;" xml:space="preserve">
          <path d="M-3116.4 353c-282 0-510.6 228.6-510.6 510.6s228.6 510.6 510.6 510.6s510.6-228.6 510.6-510.6S-2834.4 353-3116.4 353z M-3124.1 454.4c36.6 0 66.2 29.6 66.2 65.9c0 36.6-29.6 66.2-66.2 66.2c-36.3 0-65.9-29.6-65.9-66.2 C-3190.1 484-3160.5 454.4-3124.1 454.4L-3124.1 454.4z M-2838 667.7l-196.4 24.8l0.1 196.6l95.2 317.7c5 20.1-7 40.1-26.9 45.1 c-19.8 5-40.1-6-45.1-26l-97.5-289.2h-30l-89.7 295.2c-7.5 19.3-29 28.1-48.2 20.6c-19.1-7.4-30.7-29.1-23.2-48.4l82.4-311.8V692.5 l-181-24.6c-18.6-1.5-31.2-17.8-29.7-36.4c1.4-18.7 18.3-32.6 36.8-31.1l219.9 18.9h96.4l234.1-19.3c18.6-0.7 34.4 13.7 35 32.5 C-2805 651-2819.4 666.9-2838 667.7L-2838 667.7z"/>
        </svg>
      <!--<![endif]-->
    <h1 class="a11y-title">{{ site.title }}</h1>

    <p class="a11y-subtitle">A community-driven effort to make web accessibility easier.</p>

    <ul class="inline-list connect-with-a11y">
      <li>
        <a href="./about.html">Learn more</a>
      </li>
      <li>
        <a href="http://github.com/a11yproject/a11yproject.com">Contribute on Github</a>
      </li>
    </ul>
  </div>
</div>

<article class="post">
  {{ content }}
</article>
